<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>
<script>
  //   异步获取 i 值问题
  //   for (i = 0; i <= arr.lenght; i++) {
  //     btn.onclick = function () {
  //       console.log(i); //i=5
  //     };
  //   }

  // 浏览器历史记录相关:必须要有历史记录才能执行
  //   window.history.forward();前进一个历史记录
  //   window.history.back()  后退一个历史记录
  //   window.history.go()  跳转历史记录

  //几个弹窗
  //   alert;
  //   comfirm;返还值是ture和false;
  //   prompt  返还值是输入值

  //获取dom元素
  //野路子:直接通过id名获取,缺点:未来不记得很容易弄混淆
  //   通过id获取元素 document.getElementById("id名称"); 获取一个对象；
  // 通过类名获取元素 document.getElementsByClassName("类名");获取的是伪数组
  // 通过标签名获取元素 doucment.getElementsByTagName("标签名"); 获取的是伪数组
  // 通过css选择器来获取
  // document.querySelector("css选择器"); 获取的是一个对象
  // document.querySelectorAll("css选择器");获取的是一个伪数组

  //   简单的dom操作
  // innerText ：可以获取或者设置文本内容
  // innerHTML ：可以获取或者设置超文本内容
  // style： 可以获取或者设置 行间 样式
  // className: 可以获取或者设置元素的类名
  // 元素的属性操作
  // 获取属性 ：getAttribute("属性名");
  // 设置属性： setAttribute("属性名","属性值")
  // 删除属性： removeAttribute("属性名");

  //获取input框里的值 value
  //获取元素的父级元素 parentNode();
  //删除当前元素 remove();
</script>
